<html>
<head lang="zh-CN">
    <meta charset="utf-8">
    <!-- <meta http-equiv="Access-Control-Allow-Origin" content="*">   -->
    <title>{{ page_title }}</title>
    {% block script_head %}
    {% end %}
</head>
<body>
    <div id="container">
        <header>
            {% block header %}<h1>究竟有几个头部</h1>{% end %}
        </header>
        <div id="main">
            <div id="content">
                {% block body %}{% end %}
            </div>
        </div>
        <footer>
            <!-- 时间选择 -->
            <form class="sui-form form-horizontal" style="">
              <div data-toggle="datepicker" class="control-group input-daterange">
                <label class="control-label">时间选择：</label>
                <div class="controls">
                  <input id="start" type="text" class="input-medium input-date" value=""><span>-</span>
                  <input id="end" type="text" class="input-medium input-date" value="">

                选择查询分类 : 
                {% block select %}
                 <select id="test">
                 <option value="line_item_num">在线商品总数统计<option>
                 <option value="2">选项2<option>
                 <option value="n">选项N<option>
                 </select>
                 {% end %} 
                  <a id = "search" class="sui-btn btn-primary btn-small">查询</a>

                </div>
              </div>
            </form>
            <div>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <a href="https://www.hcharts.cn/demo/highcharts/line-labels/grid-light" target="_blank">图表资源</a>
            <br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <a href="http://sui.taobao.org/sui/docs/" target="_blank">SUI组件库</a>
            </p>
            </div>
            {% block footer %}
            {% end %}
        </footer>
    </div>
    {% block script_footer %}
    {% end %}
    </body>
</html>